<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Insertar Apadrinado</title>
        <link href="recursos/general.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            function crearComplete(xhr, status, args){
                if(args.finOK){
                    msgOK.show();
                }else if (args.listaOK){
                   msgInfo.show();
                }else if(args.faltaProy){
                    msgERR2.show();
                }else if(args.noCreado){
                    msgERR.show();
                }
            }
        </script>
    </h:head>
    <h:body>
        <h:form>
            <!--Declaro la variable que pasaré a los bean para reutilizar las pantallas-->
            <f:metadata>
                <f:viewParam name="nuevo" value="#{sesionBean.strVariable}"/>
            </f:metadata>
            <f:phaseListener binding="#{sesionBean.phaseListenerImpl}"
                             type="ongd.web.PhaseListenerImpl"/>

            <!--Mensajes que se muestran cuando no se rellena un campo requerido -->
            <p:messages id="mensajes"/>

            <!--Nos mostrará el título de la página -->
            <h:outputText value="#{insertar_Apadrinado.titulo}" styleClass="textoTitulo" style="margin-left: 100px;"/>

            <!--Panel que permite insertar un nuevo apadrinado -->
            <p:panel id="display" styleClass="panel1" style="margin-left: 100px; margin-right: 30px; margin-top: 10px;">
                <table>
                    <tr>
                        <td>
                            <h:outputText value="Nombre:*" styleClass="texto"/> 
                        </td>
                        <td>
                            <p:inputText id="Nombre" value="#{insertar_Apadrinado.apadrinado.nombre}" required="true" styleClass="textoI"/>
                        </td>
                        <td>
                            <h:outputText value="Apellidos:*" styleClass="texto"/> 
                        </td>
                        <td>
                            <p:inputText id="Apellidos" value="#{insertar_Apadrinado.apadrinado.apellidos}" required="true" styleClass="textoI"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h:outputText value="Fecha de Nacimiento:" styleClass="texto"/> 
                        </td>
                        <td>
                            <p:calendar showOn="button" navigator="true" maxdate="new Date()"  pattern="dd/MM/yyyy"
                                        effect="slideDown" value="#{insertar_Apadrinado.apadrinado.fechaNacimiento}" size="9"/>
                        </td>
                        <td>
                            <h:outputText value="Nº de hermanos:" styleClass="texto"/>
                        </td>
                        <td>
                            <p:inputText value="#{insertar_Apadrinado.apadrinado.NHermanos}" styleClass="textoI"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h:outputText value="Datos de los padres:" styleClass="texto"/> 
                        </td>
                        <td colspan="3">
                            <p:inputTextarea value="#{insertar_Apadrinado.apadrinado.datosPadres}" styleClass="textoI"
                                             autoResize="false" style="width: 440px !important;"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h:outputText value="Descripcion:" styleClass="texto"/> 
                        </td>
                        <td colspan="3">
                            <p:inputTextarea value="#{insertar_Apadrinado.apadrinado.descripcion}" styleClass="textoI"
                                             autoResize="false" style="width: 440px !important;"/>
                        </td>
                    </tr>
                </table>               
            </p:panel>
            <h:panelGrid columns="2" style="margin-left: 100px;">
                <h:outputText value="Proyecto al que pertenece:" styleClass="texto"/>
                <h:selectOneMenu value="#{insertar_Apadrinado.proyectoNombre}" disabled="#{!insertar_Apadrinado.insertarApadrinado}" >  
                    <f:selectItems value="#{insertar_Apadrinado.availableP}" />                      
                </h:selectOneMenu>
            </h:panelGrid>
            <p:separator/>
            <p:commandButton action="#{insertar_Apadrinado.guardar()}" value="Crear" 
                             oncomplete="crearComplete(xhr, status, args)" update="display, mensajes" style="margin-left: 100px;" styleClass="botonGrande"/>

            <!--Dialogo de confirmación que indica que el apadrinado se ha guardado correctamente -->
            <p:confirmDialog message="El apadrinado ha sido guardado correctamente." severity="info" widgetVar="msgOK" modal="true"
                             styleClass="dialogoGrande"/>

            <!--Dialogo de confirmaación que indica que el apadrinado no se ha guardado correctamente -->
            <p:confirmDialog message="El apadrinado no se ha guardado correctamente. Inténtelo de nuevo." severity="info" widgetVar="msgERR" modal="true"
                             styleClass="dialogoGrande"/>

            <!--Dialogo de confirmación que indica qeu el apadrinado se ha guardado en una lista de apadrinados (Para crear proyectos de apadrinamiento) -->
            <p:confirmDialog message="El apadrinado se ha guardado en la lista" severity="info" widgetVar="msgInfo" closable="false" modal="true" 
                             styleClass="dialogoGrande">
                <p:commandButton value="OK" oncomplete="msgInfo.hide(); parent.document.getElementById('datos:cerrarApadrinDialog').click();"
                                 styleClass="botonNormal"/>  
            </p:confirmDialog>
            <!--Dialogo de confirmación que indica que no existen proyectos de apadrinamiento personal -->
            <p:confirmDialog message="No se puede crear ya que no existen proyectos de apadrinamiento personal" severity="info" widgetVar="msgERR2"
                             modal="true" styleClass="dialogoGrande"/>
        </h:form>
    </h:body>
</html>
